export default `
<div>
	<span style="font-size: 25px;">控件属性</span>
</div>

<form name="widgets" style="margin: 20px 0 20px 0;">
	<span style="margin-right: 20px;">
		<input type="checkbox" name="legend_hide" />
		<label>是否隐藏图例组件<label>
	</span>
	<span style="margin-right: 20px;">
		<input type="checkbox" name="lengend_number" />
		<label>图例上是否显示对应数值<label>
	</span>
	<span style="margin-right: 20px;">
		<input type="checkbox" name="series_rose" />
		<label>是否展示成南丁格尔图<label>
	</span>
	<div style="margin-top: 10px;">
		<span style="margin-right: 20px;">
			<label>主题：<label>
			<select name="theme" style="width: 100px;">
				<option>dark</option>
				<option selected>infographic</option>
				<option>macarons</option>
				<option>roma</option>
				<option>shine</option>
				<option>vintage</option>
			</select>
		</span>
		<span style="margin-right: 20px;">
			<label>图例的类型：<label>
			<select name="legend_type" style="width: 100px;">
				<option selected>plain</option>
				<option>scroll</option>
			</select>
		</span>

		<span style="margin-right: 20px;">
			<label>图例组件在容器中显示的位置：<label>
			<select name="legend_position" style="width: 100px;">
				<option value="1">左上角</option>
				<option value="2">右上角</option>
				<option value="3" selected>右下角</option>
				<option value="4">左下角</option>
			</select>
		</span>
		<span style="margin-right: 20px;">
			<label>图例列表的布局朝向：<label>
			<select name="legend_orient" style="width: 100px;">
				<option>horizontal</option>
				<option selected>vertical</option>
			</select>
		</span>
		<span style="margin-right: 20px;">
			<label>饼图上的文本标签显示样式：<label>
			<select name="legend_orient" style="width: 100px;">
				<option>1</option>
				<option>2</option>
			</select>
		</span>
	</div>
	<div style="margin-top: 10px;">
		<span>
			<label>系列名称，用于tooltip的显示，legend 的图例筛选，在 setOption 更新数据和配置项时用于指定对应的系列：</label>
			<input type="text" name="series_name" style="width: 200px;"></input>
		</span>
	</div>
	<div style="margin-top: 10px;">
		<span>
			<label>饼图的中心（圆心）纵坐标相对于容器高度的百分比：</label>
			<input type="text" name="series_center_h" style="width: 200px;"></input>
		</span>
	</div>
	<div style="margin-top: 10px;">
		<span>
			<label>饼图的中心（圆心）横坐标相对于容器宽度的百分比：</label>
			<input type="text" name="series_center_w" style="width: 200px;"></input>
		</span>
	</div>
	<div style="margin-top: 10px;">
		<span>
			<label>提示框浮层内容（1,2），{a}（系列名称），{b}（数据项名称），{c}（数值）, {d}（百分比）：</label>
			<input type="text" name="tooltip_formatter" style="width: 200px;"></input>
		</span>
	</div>
	<div style="margin-top: 10px;">
		<span>
			<label>必要属性，必须为一个数组，渲染轮播图的数据，必须包含字段"name、value"，name为名称，value为数值：</label>
			<input type="text" name="value"  style="width: 600px;" value='[{"name": "直接访问","value": 335},{"name": "邮件营销","value": 810},{"name": "联盟广告","value": 600},{"name": "视频广告","value": 222},{"name": "搜索引擎","value": 1548}]'></input>
		</span>
	</div>
	<input type="button" value="预览" style="width: 200px;height: 40px;" data-feidao-actions="click:eu-014" />
</form>
<textarea data-feidao-id="fd-wh000005-002" cols=60 rows=10 style=""></textarea>
<div data-feidao-presentation="p02" style="width:500px;height:200px;display:inline-block;" data-feidao-actions="fdwe-click:eu-002"></div>

<div>
<span style="font-size: 25px;">控件方法</span>
<textarea data-feidao-id="fd-wh000005-003" cols=80 rows=15 style="float:right;margin-right:200px;"></textarea><br>
<input type="button" value="渲染图表的数据" style="margin:10px;" data-feidao-actions="click:eu-001"><br>
数据：<input type="text" data-feidao-id="fd-wh000005-004"  style="width: 600px;" value='[{"name": "直接访问","value": 335},{"name": "邮件营销","value": 810},{"name": "联盟广告","value": 600},{"name": "视频广告","value": 222}]'></input>
<br>
<input type="button" value="获取图表截图" style="margin:10px;" data-feidao-actions="click:eu-003"><br>
<img src="" data-feidao-id="fd-wh000005-005" width=300 height=200 >
</div>
<div>
<span style="font-size: 25px;">控件事件</span>
</div>
<div>
<span style="font-size: 18px;">控件内所有的用户操作不需在组件中绑定事件，应是组件获取控件的内容或属性。获取方式有两种：一、通过调用控件的方法；二、控件向外抛出事件</span>
</div>
<div>
控件抛出的事件：fdwe-click-----点击图表抛出的事件
<br>
<span>事件抛出的内容如下所示，内容为组件相应函数中的args参数</span>
</div>
`;
